<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="../js/main.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="../css/main.css"/>
    <link rel="stylesheet" type="text/css" href="../css/nav.css"/>
    <link rel="stylesheet" type="text/css" href="../css/exam-manage.css"/>
    <link rel="stylesheet" href="../css/user-info.css">
    <script src="../js/user_mange/user_mange.js"></script>
    <!--  控件  -->
    <script src="http://www.wywywy.cn/oth/jquerysession.js"></script>
    <link href="../css/other/pagination.css" rel="stylesheet">
    <script src="../js/other/pagination.js" type="text/javascript" charset="utf-8"></script>
    <!--  控件  -->

    <title>后台管理</title>
    <script>
        $(function () {

        })
    </script>
</head>
<body  id="app">
<div class="container">
    <div class="nav navbar navbar-default">
        <span class="fl nav-logo">考试系统后台管理平台</span>
        <span class="fl nav-scool" id="bk_school_name"></span>
        <span class="fr nav-user" >
            	<li id="is_login" class="dropdown hide">
                    <a id="bk_user_name" class="dropdown-toggle" data-toggle="dropdown" href="#">
                         <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="usermanger.html">修改个人资料</a></li>
                        <li><a href="" id="out_login_user">退出登录</a></li>
                    </ul>
                </li>
                <li id="not_login" class="bk_user_name_unlogin "><a href="login.html">请登录</a></li>
            <i class="icon"></i>
        </span>
    </div>
    <div class="col-sm-2" id="listitem">
        <div class="list-group" id="pager_group">

        </div>
    </div>
    <div class="col-sm-10">
        <div class="user-info">
            <div class="user-info-title">
                <span>账号信息</span>
            </div>
            <hr>
            <div class="user-name-title">
                <span class="user-name col-sm-1">登陆名</span><span class="info col-sm-2" id="user-name-id"></span>
<!--                -->
                <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal1">修改登陆名</button>
                <!-- 模态框（Modal） -->
                <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                <h4 class="modal-title" id="myModalLabel">修改登陆名</h4>
                            </div>
                            <div class="modal-body">
<!--                                -->
                                <form class="form-inline" role="form">
                                    <div class="form-group">
                                        <label class="sr-only" >名称</label>
                                        <input type="text" class="form-control"  placeholder="输入新的登录名">
                                    </div>
                                </form>
<!--                                -->
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                <button type="button" class="btn btn-primary">提交更改</button>
                            </div>
                        </div><!-- /.modal-content -->
                    </div><!-- /.modal -->
                </div>
<!--                -->
            </div>
            <div class="user-ture-name-title">
                <span class="user-ture-name col-sm-1">姓名</span><span class="info col-sm-2" id="user-ture-name-id">王五</span>
<!--                -->
                <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal2">修改姓名</button>
                <!-- 模态框（Modal） -->
                <div class="modal fade" id="myModal2"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                <h4 class="modal-title" >修改姓名</h4>
                            </div>
                            <div class="modal-body">
<!--                                -->
                                <form class="form-inline" role="form">
                                    <div class="form-group">
                                        <label class="sr-only" >名称</label>
                                        <input type="text" class="form-control" placeholder="请输入新的姓名">
                                    </div>
                                </form>
<!--                                -->
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                <button type="button" class="btn btn-primary">提交更改</button>
                            </div>
                        </div><!-- /.modal-content -->
                    </div><!-- /.modal -->
                </div>
<!--                -->
            </div>
            <div class="user-school-title">
                 <span class="user-school col-sm-1">所属组织机构</span><span class="info col-sm-2" id="user-school-id"></span>
<!--                -->
                <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal3">修改所属组织</button>
                <!-- 模态框（Modal） -->
                <div class="modal fade"  id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                <h4 class="modal-title" >修改学校</h4>
                            </div>
                            <div class="modal-body">
                                <label>选择学校</label>
                                <select class="form-control">
                                    <option>济南市第一中学</option>
                                    <option>济南市十五中学</option>
                                    <option>济南市第七中学</option>
                                    <option>济南市第八中学</option>
                                    <option>山东省实验中学</option>
                                </select>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                <button type="button" class="btn btn-primary">提交更改</button>
                            </div>
                        </div><!-- /.modal-content -->
                    </div><!-- /.modal -->
                </div>
<!--                -->
            </div>
            <div class="user-password-title">
                <span class="user-password col-sm-1">密码</span><span class="info col-sm-2" id="user-password-id">******</span>
<!--                -->
                <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal4">修改密码</button>
                <!-- 模态框（Modal） -->
                <div class="modal fade"  id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                <h4 class="modal-title" >修改密码</h4>
                            </div>
                            <div class="modal-body">
<!--                                -->
                                <form class="form-inline revise-password" role="form">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="输入旧密码">
                                    </div>
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="输入新密码">
                                    </div>
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="再次输入新密码">
                                    </div>
                                </form>
<!--                                -->
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                <button type="button" class="btn btn-primary">提交更改</button>
                            </div>
                        </div><!-- /.modal-content -->
                    </div><!-- /.modal -->
                </div>
<!--                -->
            </div>

        </div>
    </div>
</div>
</body>
</html>